알라딘
책소개
저자소개
목차
<b>디자인 시스템에서 개발 전달까지, 한 권으로 배우는 피그마 실무!
UX/UI 디자인 실무는 학교에서 배우기 어려워 온라인 클래스의 도움을 받는 실정이다. 이런 점을 감안하여 다른 튜토리얼 책에서는 볼 수 없는 현업에서의 디자인 시스템, 개발 전달 과정을 자세히 기술하여 실무를 전달하려 노력했다. 이 책은 두 부분으로 나누어 1부에서는 피그마 기능, 2부에서는 실습 프로젝트를 다룬다. 각 장의 레슨을 따라 하면 자연스레 피그마 사용 방법을 익힐 수 있다. 디자인 커뮤니티에서 받은 도움을 이 책에 녹였으니 새로운 디자인 자산을 축적하는 기회로 삼을 수 있을 것이다.
<b><개정판 주요 사항>
피그마의 주요 업데이트 내용을 추가하고 예제에 이를 반영했다.
⦁ 다크모드: 데스크톱과 웹 모두 다크모드 지원
⦁ 오토레이아웃: 캔버스 컨트롤 가능 및 반응형 옵션 추가
⦁ 컴포넌트 속성: 컴포넌트 속성을 사용해서 베리언츠 개수 줄이기 가능
⦁ 스프링 애니메이션: 프로토타이핑에서 더 자연스럽고 부드러운 애니메이션 가능
⦁ 가변 폰트: 가변 폰트 사용 가능
⦁ 스포트라이트: 다른 사람이 내 화면에 집중하게 하는 기능 추가
⦁ 개별 스트로크: 사각형 도형에서 상하좌우에 각각 선 적용 가능
⦁ 브랜칭 리뷰 상태: 업데이트, 디자인 피드백, 변경 요청을 관리자가 승인 가능
⦁ 아웃라인: 아웃라인에서 스트로크의 굵기와 도형의 가장자리를 알려주는 바운딩 박스 표시
⦁ 패스워드 보안 링크: 파일과 프로토타입 공유 시 패스워드 지정 가능
⦁ 데스크톱 탭 업데이트: 탭을 고정하거나 드래그하여 분리 가능
⦁ 위젯 코드 제너레이터: 피그마 위젯을 플러그인처럼 만들고 커뮤니티에 배포 가능
<b><예제 소스>
figma.com/@uidesignguide
협업에 특화된 UX/UI 디자인 도구 - 피그마
기능은 예제로 익히고, 실무 감각은 프로젝트로 스킬업
피그마는 글로벌 UX/UI 도구로 높은 성장을 하였습니다. 이 책은 피그마를 처음 시작하는 디자이너, 기
획자, 개발자를 위해 기본부터 응용까지 모두 담았습니다. 피그마 도구 설명과 디자인 개념을 안내하고
과정마다 예제로 실습합니다. 피그마를 제대로 사용하기 위해 필요한 기능을 익힌 뒤 프로젝트로 실무 역
량을 다집니다. 해상도, 아이콘 디자인 규칙, 다크모드 같은 좋은 디자인을 위해 고려해야 할 유용한 팁도
제시합니다. 풍부한 예제로 피그마를 익히고 실무 프로젝트로 디자인 역량을 높이세요.
⦁ 피그마 설치 / 환경 설정
⦁ 벡터 / 스마트 셀렉션 / 오토레이아웃
⦁ 콘스트레인트 / 레이아웃그리드
⦁ 컴포넌트 / 라이브러리 / 프로토타입
⦁ 개발 전달 / 코드 확인 / 버전 히스토리
⦁ iOS 뉴스 앱 / 안드로이드 스포츠 클래스 앱 / 반응형 패션 라이브 커머스
⦁ 디자인 시스템과 B2B 솔루션
⦁ 글로벌 NFT 마켓
UX/UI 디자인 실무는 학교에서 배우기 어려워 온라인 클래스의 도움을 받는 실정이다. 이런 점을 감안하여 다른 튜토리얼 책에서는 볼 수 없는 현업에서의 디자인 시스템, 개발 전달 과정을 자세히 기술하여 실무를 전달하려 노력했다. 이 책은 두 부분으로 나누어 1부에서는 피그마 기능, 2부에서는 실습 프로젝트를 다룬다. 각 장의 레슨을 따라 하면 자연스레 피그마 사용 방법을 익힐 수 있다. 디자인 커뮤니티에서 받은 도움을 이 책에 녹였으니 새로운 디자인 자산을 축적하는 기회로 삼을 수 있을 것이다.
<b><개정판 주요 사항>
피그마의 주요 업데이트 내용을 추가하고 예제에 이를 반영했다.
⦁ 다크모드: 데스크톱과 웹 모두 다크모드 지원
⦁ 오토레이아웃: 캔버스 컨트롤 가능 및 반응형 옵션 추가
⦁ 컴포넌트 속성: 컴포넌트 속성을 사용해서 베리언츠 개수 줄이기 가능
⦁ 스프링 애니메이션: 프로토타이핑에서 더 자연스럽고 부드러운 애니메이션 가능
⦁ 가변 폰트: 가변 폰트 사용 가능
⦁ 스포트라이트: 다른 사람이 내 화면에 집중하게 하는 기능 추가
⦁ 개별 스트로크: 사각형 도형에서 상하좌우에 각각 선 적용 가능
⦁ 브랜칭 리뷰 상태: 업데이트, 디자인 피드백, 변경 요청을 관리자가 승인 가능
⦁ 아웃라인: 아웃라인에서 스트로크의 굵기와 도형의 가장자리를 알려주는 바운딩 박스 표시
⦁ 패스워드 보안 링크: 파일과 프로토타입 공유 시 패스워드 지정 가능
⦁ 데스크톱 탭 업데이트: 탭을 고정하거나 드래그하여 분리 가능
⦁ 위젯 코드 제너레이터: 피그마 위젯을 플러그인처럼 만들고 커뮤니티에 배포 가능
<b><예제 소스>
figma.com/@uidesignguide
협업에 특화된 UX/UI 디자인 도구 - 피그마
기능은 예제로 익히고, 실무 감각은 프로젝트로 스킬업
피그마는 글로벌 UX/UI 도구로 높은 성장을 하였습니다. 이 책은 피그마를 처음 시작하는 디자이너, 기
획자, 개발자를 위해 기본부터 응용까지 모두 담았습니다. 피그마 도구 설명과 디자인 개념을 안내하고
과정마다 예제로 실습합니다. 피그마를 제대로 사용하기 위해 필요한 기능을 익힌 뒤 프로젝트로 실무 역
량을 다집니다. 해상도, 아이콘 디자인 규칙, 다크모드 같은 좋은 디자인을 위해 고려해야 할 유용한 팁도
제시합니다. 풍부한 예제로 피그마를 익히고 실무 프로젝트로 디자인 역량을 높이세요.
⦁ 피그마 설치 / 환경 설정
⦁ 벡터 / 스마트 셀렉션 / 오토레이아웃
⦁ 콘스트레인트 / 레이아웃그리드
⦁ 컴포넌트 / 라이브러리 / 프로토타입
⦁ 개발 전달 / 코드 확인 / 버전 히스토리
⦁ iOS 뉴스 앱 / 안드로이드 스포츠 클래스 앱 / 반응형 패션 라이브 커머스
⦁ 디자인 시스템과 B2B 솔루션
⦁ 글로벌 NFT 마켓
공지사항
등록된 공지사항이 없습니다.
